<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>collapsable example</title>
	<link rel="stylesheet" type="text/css" href="style/css/layout.css">
	<link rel="stylesheet" type="text/css" href="style/css/decide.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/decide.js"></script>
</head>
<body>
	<div class="header">
		<div class="container_12">
			<div class="grid_12 ">
				<img id="logo1" src="style/images/logo.gif" />
				<img id="logo2" src="style/images/logo_02.gif" />
			</div>
		</div>
	</div>
	<div class="content container_12">
		<form>
			<h3 class="grid_12" style="
				margin-top: 40px;
			">
				快聚FUN为您准备了三个方案，请做最后决定并发送通知：
			</h3>
			<div class="grid_12 date-item">
				<div class="grid_12 alpha omega generalinfo" href="#demo1" style="border-bottom: 0;">
					<div class="grid_1 alpha omega datepeople">  
						<p>21日</p> 
						<p>32人</p> 
					</div>  
					<div class="grid_9 omega detailpeople">  
						<p>想去 31</p> 
						<p>当天忙 3</p> 
					</div>
					<div class="grid_1 arrowpeople">  
						<input type="checkbox"> 
					</div>
					<div class="grid_1">  
						<img src="style/images/arrow_down.gif" style="
							vertical-align: middle;
							padding-top: 20px;
						"/> 
					</div>
				</div>
				<div id="demo1" class="grid_12 alpha omega detailinfo" style="display:none;">
					<p>想去： XXX， XXX， XXX， XXX</p>
					<p>当天忙： XXX， XXX， XXX， XXX</p>
				</div>    
			</div>
			<div class="grid_12 date-item">
				<div class="grid_12 alpha omega generalinfo" href="#demo1" style="border-bottom: 0;">
					<div class="grid_1 alpha omega datepeople">  
						<p>21日</p> 
						<p>32人</p> 
					</div>  
					<div class="grid_9 omega detailpeople">  
						<p>想去 31</p> 
						<p>当天忙 3</p> 
					</div>
					<div class="grid_1 arrowpeople">  
						<input type="checkbox"> 
					</div>
					<div class="grid_1">  
						<img src="style/images/arrow_down.gif" style="
							vertical-align: middle;
							padding-top: 20px;
						"/> 
					</div>
				</div>
				<div id="demo1" class="grid_12 alpha omega detailinfo" style="display:none;">
					<p>想去： XXX， XXX， XXX， XXX</p>
					<p>当天忙： XXX， XXX， XXX， XXX</p>
				</div>    
			</div>
			<div class="grid_12 date-item">
				<div class="grid_12 alpha omega generalinfo" href="#demo1" style="border-bottom: 0;">
					<div class="grid_1 alpha omega datepeople">  
						<p>21日</p> 
						<p>32人</p> 
					</div>  
					<div class="grid_9 omega detailpeople">  
						<p>想去 31</p> 
						<p>当天忙 3</p> 
					</div>
					<div class="grid_1 arrowpeople">  
						<input type="checkbox"> 
					</div>
					<div class="grid_1">  
						<img src="style/images/arrow_down.gif" style="
							vertical-align: middle;
							padding-top: 20px;
						"/> 
					</div>
				</div>
				<div id="demo1" class="grid_12 alpha omega detailinfo" style="display:none;">
					<p>想去： XXX， XXX， XXX， XXX</p>
					<p>当天忙： XXX， XXX， XXX， XXX</p>
				</div>    
			</div>
			<div class="grid_12 refnrep">
				<p>3个拒绝： 张三，李四<p>
				<p>4个未回复： 张三，李四<p>
			</div>
			<div class="grid_12" style="
				padding: 30px 0 60px 0;
			">
				<div class="prefix_3 grid_3 alpha omega">
					<a class="button green" style="
						padding: 20px 50px 20px 50px;
					">发送通知</a>
				</div>
				<div class="grid_3 suffix_3 alpha omega">
					<a class="button gray" style="
						padding: 20px 50px 20px 50px;
					">取消聚会</a>
				</div>
			</div>
		</form>
	</div>
	<div class="footer">
		<div class="container_12">
			<div class="grid_12">
				<div class="grid_6 prefix_3 suffix_3">
					&copy;2012 快聚FUN&nbsp;&nbsp;&nbsp;&nbsp;
					联系我们：<a href="#">easygathering@gmail.com</a>
				</div>
			</div>
		</div>
	</div>
</body>
</html>